﻿ <div id="frDefineVoucherCoverage" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="width: 860px;margin-left: -430px">
        <div class="modal-header" >
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h5 id="myModalLabel">Define Voucher Coverage</h5>
        </div>
        <div class="modal-body DefineVoucherCoverage">
            <div class="msg-DefineVoucherCoverage hide">
            </div>
            <div style="padding: 0px" class="bodyhf-DefineVoucherCoverage">
                <div class="row-fluid">
                        
                    <fieldset class="span3 nomargin">
                        <legend>Select Departments</legend>
                        <div class=" pre-scrollable">
                            @foreach (var item in ViewBag.lstDepartment)
                            {
                                <div class="row-fluid">
                                    <div class="span2"><input  id="department@(item.DepartmentID)" type="checkbox" style="vertical-align: top;"name="SelectedDepartments" value="@item.DepartmentID"/></div>
                                    <div class="span10"><label for="department@(item.DepartmentID)">@item.DepartmentName</label></div>
                                </div>
                            }
                        </div> 
                    </fieldset>

                    <fieldset class="span3 nomargin">
                        <legend>Select Products</legend>
                        <div class="">
                            <div class="row-fluid" style="padding-bottom: 10px;">
                                <div class="span9">
                                    <input type="text" name="ProductId" id="txbProductId" class="text" value="" style="width: 90%">
                                </div>
                                <div class="span3">
                                    <button type ="button"class="btn btn-primary" onclick="addproducttolist()">Add</button>
                                </div>
                            </div>
                            <div id="Msg-lstProductResult"></div>
                            <div id="ListProducts" class="row-fluid pre-scrollable" style="max-height: 300px;">
                            </div>
                        </div>    
                    </fieldset>
                    <fieldset class="span3 nomargin">
                        <legend>Select Websites</legend>
                        <div class=" pre-scrollable">
                            @foreach (var item in ViewBag.lstWebsite)
                            {
                                <div class="row-fluid">
                                    <div class="span2"><input  id="website@(item.StoreID)" type="checkbox" style="vertical-align: top;"name="SelectedWebsites" value="@item.StoreID"/></div>
                                    <div class="span10"><label for="website@(item.StoreID)">@item.StoreName</label></div>
                                </div>
                            }
                        </div>
                    </fieldset>
                    <fieldset class="span3 nomargin">
                        <legend>Select Companies</legend>
                        <div class=" pre-scrollable">
                            @foreach (var item in ViewBag.lstCompanies)
                            {
                                <div class="row-fluid">
                                    <div class="span2"><input  id="company@(item.CompanyID)" type="checkbox" style="vertical-align: top;"name="SelectedCompanies" value="@item.CompanyID"/></div>
                                    <div class="span10"><label for="company@(item.CompanyID)">@item.CompanyName</label></div>
                                </div>
                            }
                        </div>
                    </fieldset>
                </div>
            </div>
        </div>
        <div class="modal-footer" >
            <a class="btn btn-primary"data-dismiss="modal"  id ="btnAssignCoverage" >Assign</a>
            <button type ="reset" class="btn" aria-hidden="true">Clear</button>
        </div>
        </div>